<template>
    <div class="app-container">
        <van-nav-bar title="加入我们"  left-arrow @click-left="handleBack" />
        <div class="join-container">
            <div class="history-title">关注公众号：惊鸿量化研习社<span style="margin-left: 10px;" data-clipboard-text="惊鸿量化研习社"  id="copyUrl" class="maincolor">复制</span></div>
            <van-button class="btn-ai"  type="primary" size="small" native-type="submit" @click="$router.push({
                name: 'InviteSilent',
                query: {
                    type: 'inner'
                }

            })">邀请福利</van-button>
            <van-button class="ml10" type="primary" size="small" native-type="submit" @click="$router.push({
                name: 'HistorySilent',
                query: {
                    type: 'inner'
                }
            })">历史战绩</van-button>
            <van-button class="ml10" type="primary" size="small" native-type="submit" @click="$router.push({
                name: 'InviteWeex',
                query: {
                    type: 'inner'
                }
            })">招募带单员</van-button>
            <!-- <van-button class="btn-ai"  type="primary" size="small" native-type="submit" @click="$router.push('/inviteweex')">招募weex带单员</van-button> -->


<!--             
            <div class="img-desc">图一企业二维码</div> -->
            <div class="refresh mt20">
                <van-button class="mb10" block type="primary" size="small" native-type="submit" @click="handleRefresh">刷新企业二维码</van-button>
                <img class="pic" :src="src" alt="">
            </div>
           
            <!-- <div class="img-desc">图二群二维码</div> -->
            <van-button class="mb10" block type="primary" size="small" native-type="submit" @click="handleRefresh">刷新群二维码</van-button>
            <img class="pic" :src="src2" alt="">
            
            <div class="ai-desc">
                <p>由于微信群聊风控严重所以只有<span class="maincolor">企业微信群</span></p>
                <p>微信扫<span class="maincolor">第一个关注企业</span>后，在扫第二个二维码进入<span class="maincolor">群聊</span>，可以在微信界面接收到消息，但是群里抽奖以及红包等福利收不到，所以最好还是下载一个<span class="maincolor">企业微信</span>以备不时之需</p>
                <p>关注后如接收不到群消息点击右上角设置接收</p>
                <div class="kefu-tip" style="margin-top: 0;">如看不到群聊，以及其他问题请<span class="maincolor" @click="$router.push('/setting/kefu')">联系客服</span></div>
            </div>


            <img style="border-radius: 8px;display: block;" class="pic" src="https://www.aiaabiok.com/imgs/kaifa.jpg" alt="">
            <div class="kefu-tip" style="margin-top: 0;">了解更多<span class="maincolor" @click="$router.push('/setting/kefu')">联系客服</span></div>
        </div>
    

    </div>
</template>

<script>
import ClipboardJS from 'clipboard';
import { showToast, showSuccessToast } from 'vant';
export default {
    name: 'aisilent',
    props: {},
    data() {
        return {
            src: 'https://www.aiaabiok.com/imgs/wx/01.png',
            src2: 'https://www.aiaabiok.com/imgs/wx/02.png',
        };
    },
    components: { },
    created() {
        this.setCopy();
    },
    computed: {},
    methods: {
        setCopy() {
            let clipborad = new ClipboardJS('#copyUrl');
            //复制成功
            clipborad.on('success', function () {
                showSuccessToast('复制成功');
            });
            //复制失败
            clipborad.on('error', function () {
                showToast('复制失败');
            });
        },
        handleBack() {
            this.$router.push('/login');
        },
        handleRefresh() {
            this.src = this.src + `?t=${new Date().getTime()}`
        },
        handleRefresh2() {
            this.src2 = this.src2 + `?t=${new Date().getTime()}`
        }

        
    },
};
</script>
<style lang="less" scoped>
.pic {
    width: 100%;
    max-width: 600px
}
.join-container {
    padding: 16px;
}
.btn-ai {
    margin-top: 20px;
}
.ai-desc {
    font-size: 12px;
    color: #333;
    p {
        line-height: 26px;
    }
}
.img-desc {
    font-size: 14px;
    color: #666;
    margin: 10px 0;
}
.pic {
    max-width: 100%;
}
.history-title {
    font-size: 14px;
}
</style>
